<template>
	<view class="container">
		<!-- <view class="module-container">
			<view class="module-container__wrapper">
				<view class="module-container__wrapper__section">
					<view class="module-container__wrapper__section__bar">开放时间</view>
					<view class="module-container__wrapper__section__con">8:00-17:00 （周一至周五）7:30-17:30 （节假日及旺季开放时间，旺季：每年1月、2月、7月、8月、12月）</view>
				</view>
				<view class="module-container__wrapper__section">
					<view class="module-container__wrapper__section__bar">联系电话</view>
					<view class="module-container__wrapper__section__con">028-82316963、028-82326999</view>
				</view>
			</view>
		</view> -->
		
		<view class="module-container">
			<!-- <view class="module-container__bar">预订须知</view> -->
			<view class="module-container__content">
				<jyf-parser :html="agreement"></jyf-parser>
			</view> 
		</view>
		
		<view class="yet-bottom">亲，拉到最底啦~</view>
	</view>
</template>

<script>
	// 该页面数据统一由模块页面通过setStorage进行设置获取
	import jyfParser from "@/components/jyf-parser/jyf-parser.vue";
	export default {
		components:{
			jyfParser,
		},
		data() {
			return {
				agreement: '',
				name:''
			}
		},
		onLoad(options){
			this.agreement = uni.getStorageSync('agreementInfo');
			if(options.name){
				if(options.name == 'fuwu'){
					this.agreement = uni.getStorageSync('cfg_wxxcx_fuwu');
					// 设置标题
					uni.setNavigationBarTitle({
						title: '服务协议'
					});
				}
				if(options.name == 'xinxi'){
					this.agreement = uni.getStorageSync('cfg_wxxcx_xinxi');
					// 设置标题
					uni.setNavigationBarTitle({
						title: '个人信息保护指引'
					});
				}
			}
		},
		
	}
</script>

<style lang="scss">
	.module-container{
		margin-bottom: $uni-spacing-col-md;
		background: #fff;
		&__bar{
			padding: 20rpx 24rpx;
			border-bottom: 2rpx solid #f2f2f2;
			font-size: $uni-font-size-lg;
		}
		&__wrapper{
			padding: 20rpx 24rpx;
			&__section{
				&:first-child{
					margin-bottom: $uni-spacing-col-md;
				}
				&__bar{
					font-size: $uni-font-size-base;
				}
				&__con{
					color: #666;
					line-height: 44rpx;
					margin-top: 8rpx;
					font-size: $uni-font-size-sm;
				}
			}
		}
		&__content{
			color: #666;
			padding: 20rpx 24rpx;
			line-height: 44rpx;
			font-size: $uni-font-size-sm;
		}
	}
	.yet-bottom{
		height: 56rpx;
		margin-top: -$uni-spacing-col-md;
		line-height: 56rpx;
		text-align: center;
		font-size: $uni-font-size-mini;
		color: #bebebe;
		background-color: #f7f7f7;
	}
</style>
